<template>
  <a-card :bordered="true" :class="{'abcdefg':true}">
    <div class="no-print" style="text-align: right">
      <a-button v-print="'#printContent'" ghost type="primary">打印</a-button>
    </div>
    <section ref="print" id="printContent" class="abcdefg">
      <div style="text-align: center">
        <p style="font-size: 24px;font-weight: 800">自备金退款收据</p>
      </div>
      <!--签字-->
      <a-col :md="24" :sm="24">
      <div class="sign" style="text-align: left;height: inherit">
        <a-col :span="24">
          <a-input class="inputfont" style="width: 60%" v-model="model.printTime"/>
          <span>No:</span>
          <a-input class="inputfont" style="width: 35%" v-model="model.billNum"/>
        </a-col>

        <a-col :span="24" style="margin-top: 20px">
          <span>姓名:</span>
          <a-input class="inputfont" style="width: 25%" v-model="model.name"/>
          <span>性别:</span>
          <a-input class="inputfont" style="width: 26%" v-model="model.xinbie"/>
          <span>身份证号:</span>
          <a-input class="inputfont" style="width: 31%" v-model="model.idNum"/>
        </a-col>

        <a-col :span="24" style="margin-top: 20px">
          <span>余额（元）:</span>
          <a-input class="inputfont" style="width: 19%" v-model="model.balance"/>
          <span>监室:</span>
          <a-input class="inputfont" style="width: 26%" v-model="model.orgCode"/>
          <span>入监日期:</span>
          <a-input class="inputfont" style="width: 31%" v-model="model.custodyDate"/>
        </a-col>

        <!--
        <a-col :span="24" style="margin-top: 20px">
          <a-input class="inputfont" style="width: 22%" v-model="model.rechargeType"/>
          <span>出监日期:</span>
          <a-input class="inputfont" style="width: 34%" v-model="model.rechargeDate"/>
          <span>总缴费金额（元）:</span>
          <a-input class="inputfont" style="width: 17.5%" v-model="model.recharge"/>
          <span>总消费方式（元）:</span>
          <a-input class="inputfont" style="width: 22%" v-model="model.rechargeType"/>
        </a-col>
        -->

        <a-col :span="24" style="margin-top: 20px">
          <span>退款金额（元）:</span>
          <a-input class="inputfont" style="width: 16%" v-model="model.refundAmount"/>
          <span>大写:</span>
          <a-input class="inputfont" style="width: 27%" v-model="model.daxie"/>
          <!--
          <span>退款日期:</span>
          <a-input class="inputfont" style="width: 32%" v-model="model.refundDate"/>
          -->
          <span>经办人:</span>
          <a-input class="inputfont" style="width: 31%" v-model="model.transactor"/>
        </a-col>
        <a-col :span="24" style="margin-top: 20px">
        <span>签字:</span>
          <a-textarea rows="3" style="width: 93%" v-model="model.renmark"/>
        </a-col>

      </div>
      </a-col>
    </section>
  </a-card>

</template>

<script>

  import ACol from "ant-design-vue/es/grid/Col";
  import ARow from "ant-design-vue/es/grid/Row";
  import ATextarea from 'ant-design-vue/es/input/TextArea'

  export default {
    name: 'FpmsTksjPrint',
    components: {
      ATextarea,
      ARow,
      ACol,
    },
    props: {
      //表单禁用
      disabled: {
        type: Boolean,
        default: false,
        required: false
      },
      reBizCode:{
        type: String,
        default: ''
      }
    },
    data () {
      return {
        model:{
        },
        labelCol: {
          xs: { span: 24 },
          sm: { span: 2 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 8 },
        },

        url: {
        }
      }
    },
    computed: {
      formDisabled(){
        return this.disabled
      },
    },
    created () {
       //备份model原始值
      this.modelDefault = JSON.parse(JSON.stringify(this.model));
    },
    mounted(){
      // let id = this.$route.query.id;      
    },
    methods: {
      // loadData(record){
      //   this.model = Object.assign({}, record);     
      //   this.visible = true; 
      // },
      edit (record) {
        this.model = Object.assign({}, record);     
        this.visible = true; 
      },
      getDate(){
        // 当前日期
      },
      handleCancel () {
        this.previewVisible = false
      },
    }

  }
</script>
<style scoped>
  /*update_begin author:scott date:20191203 for:打印机打印的字体模糊问题 */
  * {
    color: #000000!important;
    -webkit-tap-highlight-color: #000000!important;
  }
  /*update_end author:scott date:20191203 for:打印机打印的字体模糊问题 */

  /*sz 2021-8-16 */
  .sign{
    font-size: 18px;
  }

  /*sz 2021-8-16 */
  .inputfont {
    /* 修改字体颜色
    color: #fff; */
    /* 修改字号，默认继承input */
    font-size: 24px;
    /* 设置背景色
    background: #8ac6d1; */
  }
  
  .abcdefg .ant-card-body{
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 1%;
    border:0px solid black;
    min-width: 800px;
    color:#000000!important;
  }
  .explain{
    text-align: left;
    margin-left: 50px;
    color:#000000!important;
  }
  .explain .ant-input,.sign .ant-input{
    font-weight:bolder;
    text-align:center;
    border-left-width:0px!important;
    border-top-width:0px!important;
    border-right-width:0px!important;
  }
  .explain div{
    margin-bottom: 10px;
  }
  /* you can make up upload button and sample style by using stylesheets */
  .ant-upload-select-picture-card i {
    font-size: 32px;
    color: #999;
  }

  .ant-upload-select-picture-card .ant-upload-text {
    margin-top: 8px;
    color: #666;
  }
</style>